import { createApp } from 'vue'
// import './style.css'

import App from '@/App.vue'
// 导入路由
import router from './router'
// 引入 Pinia状态管理器，存储token和用户信息
import { createPinia } from 'pinia' 
//导入持久化插件
import {createPersistedState} from 'pinia-persistedstate-plugin'
// 引入 Element Plus
import ElementPlus from 'element-plus'
//使用中文语言包，解决分页条中文问题
import locale from 'element-plus/dist/locale/zh-cn.js'
// 引入 Element Plus样式
import 'element-plus/dist/index.css'
//引入Bootstrap和Bootstrap JavaScript
import 'bootstrap/dist/css/bootstrap.min.css'
import 'bootstrap/dist/js/bootstrap.bundle.min.js'
// 引入Bootstrap Icons
import 'bootstrap-icons/font/bootstrap-icons.css'

const app = createApp(App)
const pinia = createPinia()
const persist = createPersistedState()
app.use(ElementPlus, { locale })
app.use(router)
pinia.use(persist)
app.use(pinia)

app.mount('#app')